$(function () {
    // 设置音频的总长度
    var audioNum =  $('.detail-audio').length; // 判断是否有音频
    if (audioNum > 0) {
        $('.detail-audio').each(function (index, data) { // 遍历所有的音频
            var audioId = $('.detail-audio:eq('+ index +') .audio')[0];
            var timeNum = null; //音频总时间
            // 获取音频的总长度
            audioId.onloadedmetadata = function(){  // 通过onloadedmetadata来获取音频的长度
                //总的时间
                timeNum = audioId.duration; // duration音频长度
                //转化成分
                var sTime = Math.floor(timeNum / 60); // 进行向下取整转成分钟
                if(sTime < 10){
                    sTime = '0' + sTime;
                }
                //四舍五入获取秒
                var lenTime = sTime + ":" + (timeNum % 60 /100).toFixed(2).slice(-2); // toFixed()去小数点后面2位，slice(-2)返回最后面两位数
                $(audioId).parents('.detail-audio').find('.audio-num .span-z').html(lenTime);
            };
        });
    }
    // 开始播放音频
    $('.detail-audio .oper-start').on('click', function (e) {
        $(this).parents('.detail-audio').find('.audio')[0].play();
        $(this).hide(0);
        $(this).siblings().show(0);
        e.stopPropagation();
        var audioId = $(this).parents('.detail-audio').find('.audio')[0];
        var currentTime = '',
            sTime = null,
            lenTime = null,
            timeZhong = null;
        //获取音频的实时时间
        $(this).parents('.detail-audio').find('.audio')[0].ontimeupdate = function () { // 通过ontimeupdate返回获取播放音频的实时时间currentTime
            timeZhong = audioId.duration
            currentTime = $(this).parents('.detail-audio').find('.audio')[0].currentTime;
            //转化成分
            sTime = Math.floor(currentTime / 60);
            if(sTime < 10){
                sTime = '0' + sTime;
            }
            //四舍五入获取秒
            var lenTime = sTime + ":" + (currentTime % 60 /100).toFixed(2).slice(-2);
            // 百分比
            var baiFen = currentTime / timeZhong * 100;
            $(this).parents('.detail-audio').find('.audio-num .span-bh').html(lenTime);
            $(this).parents('.detail-audio').find('.speend-xian').css('width',baiFen + '%');
            $(this).parents('.detail-audio').find('.speend-yuan').css('left',baiFen + '%');
            if (timeZhong === currentTime) { // 播放完毕
                $(this).parents('.detail-audio').find('.speend-xian').css('width', 0);
                $(this).parents('.detail-audio').find('.speend-yuan').css('left', 0);
                $(this).parents('.detail-audio').find('.audio-num .span-bh').html('00:00');
                $(this).parents('.detail-audio').find('.oper-start').show(0);
                $(this).parents('.detail-audio').find('.oper-stop').hide(0);
            }
        }
    });
    // 播放音频按钮
    $('.detail-audio .oper-stop').on('click', function (e) {
        $(this).parents('.detail-audio').find('.audio')[0].pause();
        $(this).hide(0);
        $(this).siblings().show(0);
        e.stopPropagation();
    });
});